﻿/*
var house_img = document.getElementById("house_img");
var code_img = document.getElementById("code");

if(typeof FileReader === 'undefined') {
	result.innerHTML = "抱歉，你的浏览器不支持 FileReader";
} else {
	if(house_img) {
		house_img.addEventListener('change', readFiledes, false);
	}
	if(code_img) {
		code_img.addEventListener('change', readFiledes, false);
	}
}

function readFiledes() {
	var new_img, img, del;
	var formData = new FormData();
	var $that = $(this);
	$that.parent().next(".img_note").css("display", "none");

	for(var i = 0; i < this.files.length; i++) {
		var reader = new FileReader();
		reader.readAsDataURL(this.files[i]);
		formData.append("file", this.files[0]);

		reader.onload = function(e) {
			new_img = document.createElement('div');
			new_img.setAttribute('class', 'new_img');

			img = document.createElement('img');
			img.setAttribute("src", this.result);

			del = document.createElement('i');
			del.setAttribute('class', 'iconfont icon-shanchu1')

			del.onclick = function() {
				$(this).css("display", "none");
				$(this).parent().remove();
			}

			new_img.append(del);
			new_img.append(img);

			if($that.parent().parent().attr('class').indexOf("house_wrap") > 0) {
				console.log();
				if($('.house_wrap').children('div').length > 10) {
					alert('图片个数个数已达上限！');
					return false;
				}
			} else {
				if($('.code_wrap').children('div').length > 2) {
					alert('图片个数个数已达上限！');
					return false;
				}
			}
			$that.parent().before(new_img);
			console.log(formData);
			//			$.ajax({
			//				type: "POST",
			//				url: 'UPLOADURL',
			//				data: formData,
			//				processData: false,
			//				contentType: false,
			//				success: function(res) {
			//					img_des_arr.push(res.data.url);
			//				}
			//			});　　　　　　　　　　　　　　
		}
	}
}
*/

window.onscroll = function() {
	var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
	if(scrollTop > 180) {
		$('.rent_nav').addClass('rent_nav_fixed');
		$('.main_content').css('margin-top', '108px');
	} else {
		$('.rent_nav').removeClass('rent_nav_fixed');
		$('.main_content').css('margin-top', '0px');
 
	}
}


//发布租赁
//点击一级菜单
var firstMenu;
$(".rent_nav_first p").bind('click', function() {
	console.log('一级：' + $(this).index());
	firstMenu = $(this).index();
	$(this).siblings().removeClass('cur_first_nav');
	$(this).addClass('cur_first_nav');
    if($(this).index()==2||$(this).index()==3){
        setTimeout(function(){
            $("#sure_right").trigger("click");
        },30);
    }
	//灰色蒙版消失
	$('.content_mask').hide();
	if($(this).index() == 0) {
		//菜单变化
		$('.rent_nav_sec').show();
		$('.lease_nav_sec').hide();
		$('.watch_nav_sec').hide();
		$('.watch_nav_sec_lease').hide();
		//页面变化
		$('.release_rent').show();
		$('.release_lease').hide();
		$('.rent_list').hide();
		$('.lease_list').hide();

		$('.nav_third_son').hide();

	} else if($(this).index() == 1) {
		//菜单变化
		$('.rent_nav_sec').hide();
		$('.lease_nav_sec').show();
		$('.watch_nav_sec').hide();
		$('.watch_nav_sec_lease').hide();
		//页面变化
		$('.release_rent').hide();
		$('.release_lease').show();
		$('.rent_list').hide();
		$('.lease_list').hide();

		$('.nav_third_son').hide();

	} else if($(this).index() == 2) {
		//菜单变化
		$('.rent_nav_sec').hide();
		$('.lease_nav_sec').hide();
		$('.watch_nav_sec').show();
		$('.watch_nav_sec_lease').hide();
		//页面变化
		$('.release_rent').hide();
		$('.release_lease').hide();
		$('.rent_list').show();
		$('.lease_list').hide();

		$('.nav_third_son').hide();

	} else if($(this).index() == 3) {
		//菜单变化
		$('.rent_nav_sec').hide();
		$('.lease_nav_sec').hide();
		$('.watch_nav_sec').hide();
		$('.watch_nav_sec_lease').show();
		//页面变化
		$('.release_rent').hide();
		$('.release_lease').hide();
		$('.rent_list').hide();
		$('.lease_list').show();

		$('.nav_third_son').hide();

	}
    agClick();
})
//点击二级菜单--发布出租
$(".rent_nav_sec p").bind('click', function() {
	$(this).addClass('cur_sec_nav');
	$(this).children().addClass('triangle');
	$(this).siblings().removeClass('cur_sec_nav');
	$(this).siblings().children().removeClass('triangle');
	//form表单切换
	console.log($(this).index());
	$('.release_rent form').hide();
	$('.release_rent form').eq($(this).index()).show();

})

//点击二级菜单--发布求租
$(".lease_nav_sec p").bind('click', function() {
	console.log('二级：' + $(this).index());
	$(this).addClass('cur_sec_nav');
	$(this).children().addClass('triangle');
	$(this).siblings().removeClass('cur_sec_nav');
	$(this).siblings().children().removeClass('triangle');

	//四种类型切换
	switch($(this).index()) {
		case 0:
			$('.rel1').show();
			$('.rel2').show();
			$('.rel3').show();
			$('.rel4').show();
			$('.rel5').show();
			$('.rel6').show();
			$('.rel7').show();
			break;
		case 1:
			$('.rel1').show();
			$('.rel2').show();
			$('.rel3').hide();
			$('.rel4').show();
			$('.rel5').show();
			$('.rel6').show();
			$('.rel7').show();
			break;
		case 2:
			$('.rel1').show();
			$('.rel2').show();
			$('.rel3').hide();
			$('.rel4').hide();
			$('.rel5').hide();
			$('.rel6').show();
			$('.rel7').show();
			break;
		case 3:
			$('.rel1').show();
			$('.rel2').show();
			$('.rel3').hide();
			$('.rel4').hide();
			$('.rel5').hide();
			$('.rel6').hide();
			$('.rel7').hide();
			break;
		default:
			break;
	}
fbqz();
})
//点击二级菜单--查看出租
$(".watch_nav_sec p").bind('click', function() {
	$(this).addClass('cur_sec_nav');
	$(this).siblings().removeClass('cur_sec_nav');
	$(this).children('i').attr('class','iconfont icon-arrows-copy-copy');
	$(this).siblings('p').children('i').attr('class','iconfont icon-jiantou2');
	
	var son_index = $(this).index() + 1;
	$('.nav_third .nav_third_son').hide();
	$('.nav_third .nav_third_son:nth-child(' + son_index + ')').show();

	//显示灰色蒙版
	$('.content_mask').show();

	//	console.log($('.nav_third .nav_third_son:nth-child(' + son_index + ')'));
	if(son_index == 4) {
		console.log($('#look_type1').text() == '住宅');
		switch($('#look_type1').text()) {
			case '住宅':
				$('.more1').show();
				$('.more2').show();
				$('.more3').show();
				$('.more4').show();
				$('.more5').show();
				$('.more-bottom').show();
				break;
			case '写字楼':
				$('.more1').hide();
				$('.more2').show();
				$('.more3').show();
				$('.more4').show();
				$('.more5').show();
				$('.more-bottom').show();
				break;
			case '商铺':
				$('.more1').hide();
				$('.more2').hide();
				$('.more3').hide();
				$('.more4').show();
				$('.more5').show();
				$('.more-bottom').show();
				break;
			case '车位':
				$('.more1').hide();
				$('.more2').hide();
				$('.more3').hide();
				$('.more4').hide();
				$('.more5').hide();
				$('.more-bottom').hide();
				break;
			default:
				break;
		}
	}

})
//点击二级菜单--查看求租
$('.watch_nav_sec_lease p').bind('click', function() {
	$(this).addClass('cur_sec_nav');
	console.log($(this).children('i'));
	$(this).siblings().removeClass('cur_sec_nav');
	$(this).children('i').attr('class','iconfont icon-arrows-copy-copy');
	$(this).siblings().children('i').not('#find').attr('class','iconfont icon-jiantou2');
	$('#find').attr('class', 'iconfont icon-icon');

	var son_index = $(this).index() + 1;
	$('.nav_third .nav_third_son').hide();
	$('.nav_third .nav_third_son:nth-child(' + son_index + ')').show();

	//显示灰色蒙版
	$('.content_mask').show();

	//	console.log($('.nav_third .nav_third_son:nth-child(' + son_index + ')'));
	if(son_index == 4) {
		console.log($('#look_type2').text() == '住宅');
		switch($('#look_type2').text()) {
			case '住宅':
				$('.more1').show();
				$('.more2').show();
				$('.more3').show();
				$('.more4').show();
				$('.more5').show();
				$('.more-bottom').show();
				break;
			case '写字楼':
				$('.more1').hide();
				$('.more2').show();
				$('.more3').show();
				$('.more4').show();
				$('.more5').show();
				$('.more-bottom').show();
				break;
			case '商铺':
				$('.more1').hide();
				$('.more2').hide();
				$('.more3').hide();
				$('.more4').show();
				$('.more5').show();
				$('.more-bottom').show();
				break;
			case '车位':
				$('.more1').hide();
				$('.more2').hide();
				$('.more3').hide();
				$('.more4').hide();
				$('.more5').hide();
				$('.more-bottom').hide();
				break;
			default:
				break;
		}
	}

})

$('.watch_nav_sec_lease p').bind('click', function() {
	//同级变化
	$(this).addClass('cur_sec_nav');
	$(this).siblings().removeClass('cur_sec_nav');

	var son_index = $(this).index() + 1;
	$('.nav_third .nav_third_son').hide();
	$('.nav_third .nav_third_son:nth-child(' + son_index + ')').show();

})

//点击三级菜单---类型
$('.rent_type div').bind('click', function() {
	$(this).addClass('cur_sec_nav');
	$(this).siblings().removeClass('cur_sec_nav');
	//	console.log($(this).text());
	if(firstMenu == 2){
		$('#look_type1').html($(this).text()+'<i class="iconfont icon-jiantou2"></i>');
	}else if(firstMenu == 3){
		$('#look_type2').html($(this).text()+'<i class="iconfont icon-jiantou2"></i>');
	}
	
	getMsg();
})

//点击三级菜单---区域
var zone_arr = [
	['不限', '新城区', '碑林区', '莲湖区', '灞桥区', '未央区', '雁塔区', '阎良区', '临潼区', '长安区', '其它区'],
	['不限', '锦江区', '青羊区', '金牛区', '武侯区', '成华区', '龙泉驿区', '青白江区', '新都区', '温江区', '其它区'],
	['不限', '中原区', '二七区', '管城回族区', '金水区', '上街区', '惠济区', '中牟县', '巩义市', '荥阳市', '新密市', '新郑市', '登封市', '郑东新区', '高新区', '其它区'],
	['不限', '江岸区', '江汉区', '硚口区', '汉阳区', '武昌区', '青山区', '洪山区', '东西湖区', '汉南区', '蔡甸区', '江夏区', '黄陂区', '新洲区', '其他区']
];
for(var i = 0; i < zone_arr[0].length; i++) {
	$('.zone_wrap').append("<li class='cur_zone_li'>" + zone_arr[0][i] + "</li>");
}
$('.city_wrap li').bind('click', function() {
	var $that = $(this);
	$that.addClass('cur_city_li');
	$that.siblings().removeClass('cur_city_li');
	var cur_zone_arr = zone_arr[$that.index()];
	$('.zone_wrap').html('');
	for(var i = 0; i < cur_zone_arr.length; i++) {
		$('.zone_wrap').append("<li class='cur_zone_li'>" + cur_zone_arr[i] + "</li>");
	}

})
$(document).on('click', '.cur_zone_li', function() {
	$(this).addClass('cur_sec_nav');
	$(this).siblings().removeClass('cur_sec_nav');
//	console.log($(this).text());
	if(firstMenu == 2){
		$('#quyu1').html($(this).text()+'<i class="iconfont icon-jiantou2"></i>');
	}else if(firstMenu == 3){
		$('#quyu2').html($(this).text()+'<i class="iconfont icon-jiantou2"></i>');
	}
	getMsg();
})

//点击三级菜单---月租
$('.month_rent div').bind('click', function() {
	$(this).addClass('cur_sec_nav');
	$(this).siblings().removeClass('cur_sec_nav');
	
	var jiageStr = $(this).text().substring(0,5);
	if(firstMenu == 2){
		$('#jiage1').html(jiageStr+'...'+'<i class="iconfont icon-jiantou2"></i>');
	}else if(firstMenu == 3){
		$('#jiage2').html(jiageStr+'...'+'<i class="iconfont icon-jiantou2"></i>');
	}
	getMsg();

})
//点击三级菜单---更多
$('.more-list li').bind('click', function() {
	$(this).addClass('cur-more-list');
	$(this).siblings().removeClass('cur-more-list');
	

});
//点击三级菜单---更多---确定
$('.more-bottom-center .sure').bind('click', function(e) {
	e.stopPropagation();
	getMsg(); 
});
var getMsg=function(){ 
	  var more_conditions_arr = [],json={};
		$(".content-list-more:visible").find(".cur-more-list").each(function(index, el) {
	        var nm=$(el).parent().siblings(".more-title").attr("data-name");
//	        json[nm]=($(el).text()=="不限"?$(el).next().text():$(el).text());
	        json[nm]=($(el).text()=="不限"?null:$(el).text());
			more_conditions_arr.push($(el).text());
		});
	    var bindex=$("input#build").val(),cval=$(".zone_wrap .cur_sec_nav");
//	        json["jiage"]=$(".month_rent .cur_sec_nav").text()=="不限"?$(".month_rent .cur_sec_nav").next().text():$(".month_rent .cur_sec_nav").text();
	        json["jiage"]=$(".month_rent .cur_sec_nav").text()=="不限"?null:$(".month_rent .cur_sec_nav").text();
//	        json["quyu"]=$(".city_wrap .cur_city_li").text()+((cval.text()=="不限"||cval.text()=="")?cval=$(".zone_wrap .cur_zone_li").eq(1).text():cval.text());
	    json["chengshi"]=$(".city_wrap .cur_city_li").text();
	        json["quyu"]=((cval.text()=="不限"||cval.text()=="")?null:cval.text());
	        json["type"]=$(".rent_type .cur_sec_nav").index()+1;
	        json["build"]=$("input#bulid").val();
	        $(".content_mask").trigger("click");
	    
	    var url = $("input[name=bulid]").attr("data-svcurl");
	    var json2={
	        huxing:null,
	        fangling:null,
	        louceng:null,
	        mianji:null,
	        zhuangxiu:null,
	        fenyong:null,
	        jiage:null,
	        quyu:null,
	        type:null,
	        build:null,
		where:null,
		where1:null
	    };

//	    测试
//	        var djson=$.extend({},json2,{
//	            fenyong:"五五",
//	            jiage:"1000元以下",
//	            quyu:"西安新城区",
//	            type:1,
//	            build:1,
//	        });
	var djson=$.extend({},json2,json);
	djson["where"]=djson["jiage"];
	djson["where1"]=djson["mianji"];
    djson["mianji"]="";
	var reList=function(djson){
	    $.ajax({
	        type: "post",
	        url: url,
	        "contentType": "application/x-www-form-urlencoded; charset=utf-8",
	        data:djson,
	        dataType: "json",
	        success: function (data ,textStatus, jqXHR)
	        {
	            if(data.length>0){
	            var html=$("#chuzulist"+djson.build).html(),datas={
	                data:data
	            };
	            var thtml=template(html,datas);
	            $("#zulist"+djson.build).html(thtml);
	                }else{
	               $("#zulist"+djson.build).html("<div class='nodata'>暂无匹配数据</div>");     
	                }
	            
	        },
	        error:function (XMLHttpRequest, textStatus, errorThrown) {      
	        }
	     });
	};
	    reList(djson);
}
//$(".nav_third_son").on("click",function(e){
//    e.stopPropagation();
//    $('.more-bottom-center .sure').trigger("cl");
//});
//点击三级菜单---更多---重置
$('.more-bottom-center .reset').bind('click', function() {
	$('.cur-more-list').removeClass('cur-more-list');
	$(".more-list").find("li:first-child").addClass('cur-more-list');
});
$('.more-bottom-center .release_reset').bind('click', function() {
	$('.cur-more-list').removeClass('cur-more-list');
	$(".more-list").find("li:first-child").addClass('cur-more-list');
});

//发布求租--city
$('.release_city').bind('click', function() {
	$(this).addClass('cur_release_city');
	$(this).siblings().removeClass('cur_release_city');
	//	console.log($(this).index());
	$(this).parent().siblings('.more-list').hide();
	$(this).parent().siblings('.more-list').eq($(this).index() - 1).show();
})

//点击灰色蒙版，收起第三级菜单
$('.content_mask').bind('click', function() {
	$(this).hide();
	$('.nav_third_son').hide();
})
$('select').change(function() {
	$(this).css('color', '#666');
})

//下拉选项,查看出租
$(".select li").on('click', function() {
	$(".content ul.content-list").hide();
	var num = $(this).index();
	$(".content ul.content-list").eq(num).show();
});

//表单提交

$.fn.ValidformSt = function() {
//			表单验证
			$.Tipmsg.r=null;
      
				
			var showmsg=function(msg){
				toggleAlert(msg);
			};
			//		message
			var toggleAlert=function(msg){
	    		$(".alertMsg").addClass("on").find("span").html(msg);
	    		setTimeout(function(){
	    			$(".alertMsg").removeClass("on");
	    		},2000);
	    	};
			
			$(this).Validform({
				datatype:{
					"phone":function(gets,obj,curform,regxp){
						/*参数gets是获取到的表单元素值，
						  obj为当前表单元素，
						  curform为当前验证的表单，
						  regxp为内置的一些正则表达式的引用。*/
		
						var reg1=/^1(3|4|5|7|8)[0-9]\d{8}$/,
							reg2=/^1(3|4|5|7|8)[0-9]\d{8}$/,
							mobile=curform.find(".mobile");
						
						if(reg1.test(mobile.val())){return true;}
						if(reg2.test(gets)){return true;}
						
						return false;
					},
				},
				ajaxPost:false,
				tiptype:function(msg){
					showmsg(msg);
				},
				tipSweep:true,
			});

}
//$.fn.ValidformSt = function() {
//	$(this).Validform({
//		datatype: {
//			"phone": function(gets, obj, curform, regxp) {
//				/*参数gets是获取到的表单元素值，
//				  obj为当前表单元素，
//				  curform为当前验证的表单，
//				  regxp为内置的一些正则表达式的引用。*/
//
//				var reg1 = regxp["m"],
//					reg2 = /^1[3|4|5|7|8][0-9]{9}$/,
//					mobile = curform.find(".mobile");
//
//				if(reg1.test(mobile.val())) {
//					return true;
//				}
//				if(reg2.test(gets)) {
//					return true;
//				}
//
//				return false;
//			},
//		},
//	});
//}
$('.release_rent form').add("#fbqzForm").each(function(i, v) {
	$(v).ValidformSt();
})
//发送验证码
//$('.send_code').bind('click', function() {
//	var phone = $(this).parent().parent().prev().find('#phone').val();
//	if(!phone) {
//		alert("手机号不能为空");
//		return false;
//	}
//	var v = this;
//	settime(v);
//	//	$.ajax({
//	//		url: SMS_URL,
//	//		type: 'post',
//	//		dataType: 'json',
//	//		data: {
//	//			phone: phone
//	//		},
//	//		success: function(res) {
//	//			if(res.code == 1) {
//	////				settime(v);
//	//			} else {
//	//				alert(res.msg);
//	//				return false;
//	//			}
//	//		},
//	//		error: function(jqXHR, textStatus, errorThrown) {
//	//			alert('发送异常，请重试');
//	//			return false;
//	//		}
//	//	});
//})

function checkMobile(option) {
	var sMobile = $(option).val();
	if(!(/^1[3|4|5|7|8][0-9]{9}$/.test(sMobile))) {
		$(option).val("");
		return false;
	} else {
		return true;
	}
}
var countdown = 60;

function settime(v) {
	//	if(checkMobile($(v).parent().prev().children().eq(1).children()) || checkMobile($(v).prev())) {
	if(countdown == 0) {
		$(v).removeClass("disabled");
		$(v).text("重新发送");
		countdown = 10;
	} else {
		$(v).addClass("disabled");
		$(v).text("(" + countdown + "s)");
		countdown--;

		setTimeout(function() {
			settime(v)
		}, 1000)
	}
	//	} else {
	//		alert("请输入合法的手机号");
	//	}
}


//发布求租

var fbqz=function(){
    var json={
        huxing:null,
        fangling:null,
        louceng:null,
        mianji:null,
        zhuangxiu:null,
        fenyong:null,
        jiage:null,
        quyu:null,
        type:null,
        build:null,
        where:null,
        where1:null
    };
    var json_={};
    $(".release_lease .more-list .cur-more-list:visible").each(function(i,v){
        if($(v).parent().parent().find(".more-title").attr("data-name")!="quyu"){
            if($(v).text()!="不限"){
                json_[$(v).parent().parent().find(".more-title").attr("data-name")]=$(v).text();
            }else{
//                json_[$(v).parent().parent().find(".more-title").attr("data-name")]=$(".release_lease .more-list .cur-more-list:visible").eq(i).parent().find(".cur-more-list:visible").next().text();
                json_[$(v).parent().parent().find(".more-title").attr("data-name")]=null;
            }
        }else{
            json_["chengshi"]=$(v).parent().parent().find(".more-title").find(".cur_release_city").text();
            if($(v).text()!="不限"){
//            json_["quyu"]=$(v).parent().parent().find(".more-title").find(".cur_release_city").text()+$(v).text();
            json_["quyu"]=$(v).text();
            }else{
//              json_["quyu"]=$(v).parent().parent().find(".more-title").find(".cur_release_city").text()+$(".release_lease .more-list .cur-more-list:visible").eq(i).parent().find(".cur-more-list:visible").next().text();
                json_["quyu"]=null;
            }
        }
    });
    json_["build"]=$("input#bulid").val();
    json_["type"]=$("input#type").val();
    var data=$.extend({},json,json_);
    data["where"]=data["jiage"];  
    data["where1"]=data["mianji"]; 
    console.log(data)
    $("#inputVal").empty();
    $.each(data,function(i,v){
        $("#inputVal").append('<input type="hidden" name="'+i+'" value="'+v+'">');
    });
    console.log(data);
}
$(document).on("click touchstart",".release_lease",function(){
    fbqz();
});
$("#find").on("click",function(){
    $("#sure_right").trigger("click");
});
var agClick=function(){
    $(".nav_third_son").each(function(i,v){
        if($(v).find(">*").not("ul")[0]){
        $(v).find(">*").not("ul")[0].click();
        $("#quyu1").add("#quyu2").text('区域');
        $("#quyu1").add("#quyu2").append('<i class="iconfont icon-jiantou2"></i>');
        $("#jiage1").add("#jiage2").text('价格');
        $("#jiage1").add("#jiage2").append('<i class="iconfont icon-jiantou2"></i>');
        }
            $(v).find(">ul").each(function(si,sv){
                 if($(sv).find(">*")[0]){
                $(sv).find(">*")[0].click();
                 }
            });
    })
};
agClick();